<template>
	<view class="root">
		<image class="width-100percent" :src="banner.thumb" mode="widthFix" />
		<navigator
			hover-class="tap-hover"
			:style="{ margin: `90rpx 60rpx`, height: `140rpx` }"
			url="/pages/Photo"
		>
			<image
				class="width-100percent height-100percent"
				src="/static/btn-toShot.png"
				mode="aspectFit"
			/>
		</navigator>
	</view>
</template>

<script lang="ts">
	import { Vue, Component } from "vue-property-decorator";

	@Component
	export default class Home extends Vue {
		// component property

		banner: AnyObject = {};
		onLoad() {
			this.$request.get("&r=shop.getadv").then((res) => {
				this.banner = <AnyObject>res.data.adv;
			});
		}
	}
</script>

<style lang="scss" scoped>
	// scss
</style>